<template>
  <div class="softArticlePromotion">
    <!-- 头部导航开始 -->
    <HomeHeader></HomeHeader>
    <!-- 头部导航结束 -->
    <!-- 主体部分开始 -->
    <section class="aiseo-softArticlePromotion-main">
      <seoBanner
        bgUrl="https://oss-imag.aiseoword.com/aiseo-image/img-tab04-bannerIMG.webp"
        title="软文推广"
        subTitle="品牌营销 从这里开始"
        :listArr="['精准营销', '智能高效', '全网投放']"
        chatInfo="您好, 我想了解更多关于软文推广的内容"
        buttonText="服务咨询"
      ></seoBanner>
      <difficulties></difficulties>
      <simple></simple>
      <div class="flex justify-content" style="width: 100%; height: 80px">
        <img
          src="@/assets/image/situation.png"
          alt=""
          style="width: 1200px; height: 100%; object-fit: cover"
        />
      </div>
      <EndButton message="您好, 我想了解更多关于软文推广的内容"></EndButton>
    </section>
    <!-- 主体部分结束 -->
    <!-- 底部开始 -->
    <HomeFooter></HomeFooter>
    <!-- 底部结束 -->
  </div>
</template>

<script setup>
import HomeHeader from "@/components/homePage/header/index.vue";
import HomeFooter from "@/components/homePage/footer/index.vue";
import seoBanner from "@/components/seoCustomer/banner/index.vue";
import EndButton from "@/components/common/views/EndButton.vue";
import difficulties from "@/components/softArticlePromotion/difficulties/index.vue";
import simple from "@/components/softArticlePromotion/simple/index.vue";
</script>

<style lang="scss" scoped>
.softArticlePromotion {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  .aiseo-softArticlePromotion-main {
    width: 100%;
    background: #f5f5f5;
  }
}
</style>
